.qiye {
    position: relative;

    .enterprise {
        z-index: 9;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 80px;
        left: -394px;
        background: #FFFFFF;
        border-radius: 10px;
        color: #000;
        box-shadow: 4px 6px 34px 0 rgba(117, 141, 168, .51);
        border: 1px #FFF solid;

        .enterprise_mask {
            margin-top: 100px;
            padding: 20px;

            .enterprise_row {
                display: flex;
                flex-direction: row;

                .enterprise_row_left {
                    border-radius: 10px;
                    width: 500px;
                    height: 120px;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    padding: 20px;

                    .enterprise_row_left_title {
                        color: #333;
                        display: flex;
                        align-items: center;

                        img {
                            width: 20px;
                            opacity: 0;
                            transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                            transform: translateX(0);
                        }
                    }

                    .enterprise_row_left_centent {
                        height: 40px;
                        color: #a0a4a7;
                        font-size: 18px;
                        font-weight: normal;
                        /*超出2行的内容换成...*/
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                }

                .enterprise_row_left:hover {
                    background-color: #e8eaf5;
                    transition: 0.5s;
                    cursor: pointer;

                    .enterprise_row_left_title {
                        color: #184DD8;
                        transition: 0.5s;

                        img {
                            opacity: 1;
                            transform: translateX(10px);
                            /* 这里的值可以根据需要调整 */
                        }

                    }

                    .enterprise_row_left_centent {
                        color: #333;
                        transition: 0.5s;
                    }
                }

            }
        }
    }
}

.qiye:hover {
    .enterprise {
        opacity: 1;
        visibility: visible;
        transition: 1s;
        z-index: 999;

    }

    .enterprise_mask {
        margin-top: 0px;
        transition: 1s;
    }
}